@charset "UTF-8";
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #fff;}
::-webkit-scrollbar-thumb{background: #f0515e;}
::-webkit-scrollbar-thumb:window-inactive{background: #f0515e;}
::-webkit-scrollbar-thumb:vertical:hover{background: #f0515e;}


.h30{height:30px;width:100%;}
.w1520{margin: 0 auto;width:1320px}
.w1440{margin: 0 auto;width:1320px}
.w1100{margin: 0 auto;width:1320px;position:relative}
.full{padding:30px 0;background:#f5f5f5;margin:0 auto;}
.full .about_txt{background:#fff;}

html, body{color: #222;background:#fff;font-family: 'open_sanslight';  }
input, textarea, select,pre{margin: 0;padding: 0;font-family: 'open_sanslight';}
input{border: none;}
a{color: #222;transition: color 0.3s ease 0s;font-family: 'open_sanslight';}
a:hover{color: #e60027;}
li{float: left;}
ul:after{display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
img.up-pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;*height: auto;}
.fl{ float:left;display: inline;}
.fr{ float:right;display: inline;}
.height17{ height:1.7%; margin:0 auto; overflow:hidden}
.height50{ height:50px; margin:0 auto; overflow:hidden}
.f-cb{ clear:both}
.body-wrap {width: 100%;position: relative;  }
.nofloat{float:none;display:inline-block;}





#topbox{ width:100%; color:#e2ebf9; height:40px;line-height:40px;  overflow:hidden;background:#6583b9; position:relative; top:0;font-size:14px;z-index:997;}
.topleft{ float:left; }
.topright{ float:right;text-align:right;}
.topright li{ list-style:none; }
.topright li a{display: inline;height: 40px; line-height:40px; color:#e2ebf9; float:left; padding:0 15px 0 35px;  }
.topright li.link1 a{background:#5b7ab3 url(../images/cn.png) no-repeat 10px; margin-left:12px;margin-right:1px; }
.topright li.link2 a{background:#5b7ab3 url(../images/en.png) no-repeat 10px;}


header.fixed .header-main{position: fixed;left: 0;top: 0; z-index:996;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}

header{position: relative;z-index: 999;transition: transform 0.5s ease 0s;height:95px;transition: all 1s;box-shadow: 0 0 1px rgba(101, 129, 184, 0.15);}
header .header-main{width: 100%;background: #fff;transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .logo{display:block;}
header .logo img{transition: all 0.3s ease 0s;padding:15px 0}
header .nav{font-size:16px;transition: all 0.3s ease 0s;float:right;}
header .nav li{transition: all 0.3s ease 0s;position: relative;padding:0 2px}
header .nav li:after{position:absolute;top:50%;right:0;content:"";display:inline-block;vertical-align:top;width:1px;height:14px;margin-top:-7px;background:#ccc;}
header .nav li:last-child:after{opacity:0;display:none}
header .nav a.tit-a{display: inline-block;transition: all 0.3s ease 0s;padding:30px 20px 21px ; line-height:22px;text-align:center;}
header .nav a.tit-a:hover{background:#f45365; color:#fff}
header .nav li.cur a.tit-a{background:#f45365; color:#fff}
header .nav a b{ font-weight:normal; display:block;  font-size:12px;text-transform:uppercase; color:#666}
header .nav a.tit-a:hover b{ color:#fbdadd}
header .nav li.cur a.tit-a b{ color:#fbdadd}

/*懒加载*/
.load-more{width:250px; height:55px;line-height: 55px;border-radius:50px; text-align: center;font-size: 16px;background: #f6f6f6;cursor: pointer;transition: all 0.4s ease 0s; text-transform:uppercase; margin:20px auto; overflow:hidden; border:1px #eeeeee solid;display:block;}
.load-more:hover{background:#f45365;color: #fff;border:1px #f45365 solid }
.load-more:hover a{ color:#fff}

/*上一夜，下一页 */
.productPage {overflow:hidden; position:relative;padding:20px 0;}
.productPage a { font-weight:bold; display:block; float: left; line-height:50px; height:50px;font-size:14px;  text-align: center;   overflow:hidden;  color:#fff; text-transform:uppercase;}
.productPage a i { display: inline-block; width: 17px; height:12px;margin:0 5px}
.productPage a.list{ background:#f45365; width:34%}
.productPage a.prev ,.productPage a.next { background:#6583b9;  width:33% }
.productPage a.prev i { background: url(../images/arrow3.png) no-repeat center center; }
.productPage a.list i { background: url(../images/icon12.png) no-repeat center center; }
.productPage a.next i { background: url(../images/arrow4.png) no-repeat center center; }






/*Footer*/


footer{background-color: #222; padding:40px 0px 30px;}
footer .top-wrap{padding-bottom:20px; border-bottom: 1px solid #393939;line-height: 40px;font-size:16px;}
footer .top-wrap .nav { float:left}
footer .top-wrap .nav a{display: inline; font-size:16px; float: left; color: #c6c6c6; transition: opacity 0.3s ease 0s;}
footer .top-wrap .nav a:hover{ color:#fff}
footer .top-wrap .nav .line{display: inline-block;float: left;width: 1px; height: 10px; background-color:#e3e3e3; margin: 15px 15px}
footer .top-wrap .call{ float:right; display: inline-block; color: #c6c6c6;  }

footer .bot-wrap{/*line-height: 42px;*/ line-height:35px; padding-top:20px; font-size:14px;color: #c6c6c6; }
footer .bot-wrap p{color: #c6c6c6; text-transform: uppercase;}
footer .bot-wrap a{color: #c6c6c6; transition: all 0.3s ease 0s;}
footer .bot-wrap a:hover{color: #fff;}
footer .bot-wrap .site-img{display: inline-block;}



.m-new-float{ overflow:hidden}
.m-new-float{display:none;position: fixed;left: 0;bottom: 0%;z-index: 50;width: 100%;height:60px;background: #f45365;}
.m-new-float li{position: relative;width: 33.3%;height: 60px;line-height: 27px;color: #fff;float: left;text-align: center;}
.m-new-float li.hover{overflow: hidden;}
.m-new-float li a{display: inline-block;color: #fff;font-size: 12px;padding-top:30px}
.m-new-float li.tel{background: url(../images/tel.png) no-repeat center 10px;cursor: pointer; }
.m-new-float li.mobile{background: url(../images/mb.png) no-repeat center 10px;cursor: pointer; }
.m-new-float li.add{background: url(../images/add.png) no-repeat center 10px;cursor: pointer; }




.nTab{margin:10px 0;overflow:hidden;  }
.none {display:none;}
.nTab .TabTitle{background:#6583b9; }
.nTab .TabTitle li{float:left;cursor:pointer;height:60px;line-height:60px;text-align:center;position:relative; background:#6583b9;color:#fff;font-size:16px}
.nTab .TabTitle li.count4{width:25%;}
.nTab .TabTitle li.count2{width:50%}
.nTab .TabTitle li:after{position:absolute;top:50%;right:0;content:"";display:inline-block;vertical-align:top;width:1px;height:60px;margin-top:-30px;background:#7496d4;}
.nTab .TabTitle li:last-child:after{opacity:0;display:none}
.nTab .TabTitle li a{ font-size:16px}
.nTab .TabTitle .active{background:#f45365;color:#fff;font-size:16px}



.nTab .TabContent{clear:both;overflow:hidden;display:block;}
.TabItem,.TabItem1,.TabItem2{display:block;}
.TabItem2{margin-left:0 !important;}
.TabItem2 li{width:50% !important;}
.case_img{width:50%;float:left;padding-top:30px;box-sizing:border-box;}
.case_img img{object-fit: cover;display: block;width: 100%;height: 100%;}
.case_content{width:50%;float:left;}